{include file="public/meta" /} 
<link href="__LIB__/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css" />
<title>添加广告</title>
</head>
<body>
    <article class="cl pd-20">
        <form class="form form-horizontal" id="form-member-add">
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>广告分类：</label>
                <div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
                    <select class="select" size="1" name="category_id" id="category_id">
                        <option value="0" selected>请选择分类</option>
                        {volist name="categoryList" id="val"}
                        <option value="{$val['id']}">{$val['title']}</option>
                        {/volist}
                    </select>
                    </span> </div>
            </div>
            
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>广告名称：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input type="text" class="input-text" value="" placeholder="2-50个汉字组成" id="title" name="title">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>类型：</label>
                <div class="formControls col-xs-8 col-sm-9 skin-minimal">
                    <div class="radio-box">
                        <input name="type" type="radio" id="type-1" value="1" checked>
                        <label for="type-1">图片</label>
                    </div>
                    <div class="radio-box">
                        <input type="radio" id="type-2" value="2" name="type">
                        <label for="type-2">文字</label>
                    </div>
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3">图片：</label>
                <div class="formControls col-xs-8 col-sm-9"> <span class="btn-upload form-group">
				<input class="input-text upload-url" type="text" name="img_url" id="img_url" nullmsg="请添加图片" style="width:400px">
				<a href="javascript:void();" class="btn btn-primary radius upload-btn"><i class="Hui-iconfont">&#xe642;</i> 选择图片</a>
				<input type="file" name="file-1" class="input-file" id="img-url-file">
				</span> </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>链接网址：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input type="text" class="input-text" value="" placeholder="比如：http://www.bojuwang.net/" id="link_url" name="link_url">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>小程序网址：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input type="text" class="input-text" value="" placeholder="" id="xlink_url" name="xlink_url">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>排序数字：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input type="text" class="input-text" value="0" placeholder="只能填写大于等于0的数字" id="sort" name="sort">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>备注说明：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input type="text" class="input-text" value="" placeholder="广告描述" id="description" name="description">
                </div>
            </div>
            <div class="row cl">
                <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                    <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;确认添加&nbsp;&nbsp;">
                </div>
            </div>
        </form>
    </article>

<!--_footer 作为公共模版分离出去-->
{include file="public/footer" /} 
<!--/_footer /作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__LIB__/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="__LIB__/jquery.validation/1.14.0/validate-methods.js"></script> 
<script type="text/javascript" src="__LIB__/jquery.validation/1.14.0/messages_zh.js"></script> 
<script type="text/javascript">
$(function(){
	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	});

    $('#img-url-file').change(function(){
        var filess=$('#img-url-file')[0].files[0]
        console.log(filess);
        var fm=new FormData();
        fm.append('image',filess);

            $.ajax({
                type: 'post',
                url: "{:url('Common/uploadImage')}",
                data: fm,
                processData: false,
                contentType: false,
                success: function(data) {
                //alert(data);
                var jdata=JSON.parse(data);
                if(jdata.code==0)
                {
                    parent.layer.msg(jdata.msg,{icon:6,time:1000});
                    var imgurl=jdata.data;
                    imgurl= imgurl.replace(/\\/g, "/");
                    $('#img_url').val(imgurl);
                }
                else
                {
                    parent.layer.msg(jdata.msg,{icon:5,time:1000});
                }

            },
            error:function(data){
                layer.msg('500系统错误，请重试！',{icon:5,time:1000});
            }
        });

    });


	
	$("#form-member-add").validate({
		rules:{
            title:{
				required:true,
				minlength:2,
				maxlength:16
			},
			description:{
				required:true,
				minlength:1,
				maxlength:500
			},
			sort:{
				required:true,
				digits:true,
			},
		},
		onkeyup:false,
		focusCleanup:true,
		success:"valid",
		submitHandler:function(form){
            $.ajax({
                type: 'post', 
                url: '{:url('System/adAddSave')}', 
                data: {
                    'type': $("input[name='type']:checked").val(),
                    'title': $('#title').val(),
                    'sort': $('#sort').val(),
                    'link_url': $('#link_url').val(),
                    'xlink_url': $('#xlink_url').val(),
                    'img_url': $('#img_url').val(),
                    'description':$('#description').val(),
                    'category_id':$('#category_id').val()
                },
                dataType:'json',
                success: function(data) { 
                    if(data.code==0)
                    {
                        parent.layer.msg(data.msg,{icon:6,time:1000});
                        var index = parent.layer.getFrameIndex(window.name);
                        parent.window.location.reload();
                        parent.layer.close(index);
                    }
                    else
                    {
                        parent.layer.msg(data.msg,{icon:5,time:1000});
                        var index = parent.layer.getFrameIndex(window.name);
                        parent.layer.close(index);
                    }
                    
                },
                error:function(data){
                    layer.msg('500系统错误，请重试！',{icon:5,time:1000});
                }
            });

		}
	});
});
</script> 
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>